import { useLocale, useLocaleProps, ElPagination } from 'element-plus'
import { defineComponent, createApp } from 'vue'

// Locale Wrapper 入口
export const Provider = defineComponent({
  props: {
    // 如果你需要你的应用可以相应式的更新语言，那么这里的 props 必须包含下面这个 props
    ...useLocaleProps,
  },
  components: {
    ElPagination
  },
  setup() {
    // 不需要任何参数，但是需要你的这个组件可以接受
    // ` { locale?: Language, i18n?: (...args: any[]) => string }` 作为参数
    useLocale()
  }
})


createApp(
  {
    // ...
    template: `
      <provider :locale="locale" :i18n="i18n">
        <el-pagination></el-pagination>
      </provider>
    `
  }
)